<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Book 만들기</h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="" class="col-xs-2 control-label">제목</label>
                        <div class="col-xs-10">
                            <input type="" class="form-control" placeholder="Book 제목">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="" class="col-xs-2 control-label">타이틀</label>
                        <div class="col-xs-10">
                            <input type="" class="form-control" placeholder="커버 타이틀">
                        </div>
                    </div>

                    <label for="" class="col-xs-2 control-label">카테고리</label>
                    <div class="col-xs-10">
                        <select name="" class="form-control">
                            <option value="">메거진</option>
                            <option value="">소식지</option>
                            <option value="">만화</option>
                            <option value="">소설</option>
                            <option value="">프로필</option>
                            <option value="">편지</option>
                            <option value="">다이어리</option>
                            <option value="">보도자료</option>
                            <option value=""></option>
                        </select>
                    </div>

                    <div class="row">
                        <label for="" class="col-xs-2 control-label">공개 옵션</label>
                        <div class="col-xs-10">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios" id="" value="option1" checked>
                                    웹에 공개 (로그인 필요 없음))
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios" id="" value="option2">
                                    퓨온 팔로어에게 공개 (로그인 필요) 
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios" id="" value="option3">
                                    비밀
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>
                        <a href="http://localhost/piuon/index.php/book">Book 만들기</a>
                    </div>

                </form>

            </div>

        </div>
    </div>
</div>

